.gamesPage {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    background-color: #f2f2f2;
}

.field {
    width: 100%;
    height: 440px;
    padding: 24px;
    box-sizing: border-box;
    font-family: PingFangSC-Medium;
    .title {
        height: 45px;
        margin-top: 8px;
        line-height: 45px;
        margin-bottom: 18px;
        text-align: center;
        color: rgba(51, 51, 51, 1);
        font-size: 32px;
    }
    .label {
        width: 100%;
        color: rgba(51, 51, 51, 1);
        font-size: 26px;
        margin-top: 24px;
        text-align: center;
        .tags {
            display: inline-block;
            color: #999999;
            font-family: PingFangSC-Regular;
        }
    }
}

.gameList {
    padding: 24px;
    width: 100%;
    box-sizing: border-box;
}

.gameItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 18px;
    padding: 24px;
    background-color: #FFFFFF;
    font-family: PingFangSC-Regular;
    box-sizing: border-box;
    .time{
        display: flex;
        flex-direction: column;
        justify-content: center;
        .start {
            color: rgba(51, 51, 51, 1);
            font-size: 32px;
            text-align: left;
            font-family: Avenir-Medium;
        }
        .end {
            color: rgba(153, 153, 153, 1);
            font-size: 24px;
            text-align: left;
            font-family: PingFangSC-Regular;
        }
    }
    .status {
        color: rgba(7, 193, 96, 1);
        font-size: 24px;
        text-align: left;
        font-family: PingFangSC-Regular;
        .mode,
        .progress {
            color: rgba(204, 204, 204, 1);
            font-size: 24px;
            text-align: center;
            font-family: PingFangSC-Regular;
            .build {
                color: #FF3C3E;
            }
            .wait {
                color: #07C160;
            } 
        }
    }

    .btn {
        width: 150px;
        height: 56px;
        line-height: 56px;
        color: rgba(51, 51, 51, 1);
        font-size: 26px;
        text-align: center;
        font-family: PingFangSC-Regular;
        border-radius: 8px;
        border: 1px solid rgba(204, 204, 204, 1);
    }
    .red {
        color: #FFFFFF;
        background-color: rgba(255, 60, 62, 1);
        border-color: rgba(255, 60, 62, 1);
    }
    .blue {
        color: #FFFFFF;
        background-color: rgba(36, 172, 255, 1);
        border-color: rgba(36, 172, 255, 1);
    }
}

.fixed {
    position: fixed;
    top: -1px;
    left: 0px;
}

.storeInfo {
    position: relative;
    width: 100%;
    padding: 24px;
    background-color: #FFFFFF;
    font-family: PingFangSC-Regular;
    box-sizing: border-box;
    margin-top: 1px;
    .verified {
        height: 30px;
        margin-left: 12px;
        padding: 0px 10px;
        line-height: 30px;
        font-size: 20px;
        color: #FFFFFF;
        border-radius: 15px;
        background-color: rgba(255, 60, 62, 1);
    }
    .name {
        display: flex;
        align-items: center;
        height: 45px;
        color: rgba(51, 51, 51, 1);
        font-size: 32px;
        margin-bottom: 12px;
        text-align: left;
        font-family: PingFangSC-Medium;
    }
        
    .addr {
        width: calc(100% - 100px);
        margin-bottom: 12px;
        color: rgba(102, 102, 102, 1);
        font-size: 26px;
        border-right: 1px solid rgba(221, 221, 221, 1);;
    }
    .phone {
        position: absolute;
        top: 52px;
        right: 36px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 90px;
        height: 90px;
        background: url('') no-repeat center top/48px 48px;
        color: rgba(153, 153, 153, 1);
        font-size: 24px;
        text-align: center;
    }
    .tags {
        display: flex;
        flex-wrap: wrap;
        color: rgba(153, 153, 153, 1);
        font-size: 22px;
        .tag {
            height: 34px;
            line-height: 34px;
            margin-right: 12px;
            margin-top: 12px;
            padding: 0px 12px;
            border-radius: 4px;
            border: 1px solid rgba(221, 221, 221, 1);
        }
    }
}